<template>

  <div>
<!--    页眉-->
    <div class="mb-5">
      <Header></Header>
    </div>

<!--    内容-->
    <div class="container context">
      <router-view :key="this.$route.fullPath"></router-view>
    </div>

<!--    页脚-->
    <div>
      <Footer></Footer>
    </div>

  </div>

</template>

<style>

</style>
<script>
import Header from "@/components/Layout/Header";
import Footer from "@/components/Layout/Footer";
export default {
  name: "App",
  components: { Header, Footer },
};
</script>

<style scoped>
.container {
  min-height: 500px;
}
</style>
